<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>音频播放器 - vue组件</title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
		<script src="tdAudio.js"></script>
		<link rel="stylesheet" href="tdAudio.css" />
		<style>
			.content {
				width: 520px;
				text-align: center;
				margin: 10px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="content">
				<h1>{{name}}</h1>
				<td-audio :src="src"></td-audio>
			</div>
		</div>
	</body>
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				name: '星辰大海',
				src: '星辰大海.mp3'
			}
		})
	</script>
</html>
